<template>
  <div class="album">
    <albumRow></albumRow>
    <el-empty 
    v-if="collectAblum.length==0"
    :image="`${url}/images/empty.png`"
    :description="`总 感 觉 空 落 落 的……`"
    ></el-empty>
    <albumLine  :col="index" :album="item"  v-for="(item, index) of collectAblum" :key="index"></albumLine>
  </div>
</template>

<script>
import { url } from '@/apiUrl';
import albumRow from '@/views/search/components/albumRow.vue';
import albumLine from '@/views/search/components/albumLine.vue';
import { mapState } from 'vuex';
export default {
    components:{
        albumRow,
        albumLine
    },
    computed:{
      ...mapState({
        collectAblum:state=>state.collectAblum
      })
    },
    data(){
        return {
            albums:[],
            url:null
        }
    },
    mounted(){
      this.url=url
    }
    // methods:{
    //     update(){
    //         this.$axios.post(`${url}/users/getUserData`,{
    //             t:localStorage["qtUser"]
    //         }).then(res=>{
    //             this.albums=res.data.data.CollectAblum
    //         })
    //     }
    // },
    // mounted(){
    //     this.update()
    // }
}
</script>

<style>

</style>